@deep: ~">>>";
hr {
  opacity: 0.3;
}

// 分割面板
.demo-split {
  height: 100%;
  border: 1px solid #dcdee2;
}
.demo-split-pane {
  padding: 10px 10px 0 10px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@{deep} .ivu-split-horizontal {
  display: flex !important;
}

// 标签页
@{deep} .ivu-tabs-tab {
  width: 120px;
}
@{deep} .ivu-tabs-content {
  height: 82%;
  flex: 1 1 auto;
}
@{deep} .ivu-tabs {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: hidden;
}
.labels {
  flex: 1 1 auto !important;
  height: 100%;
}
@{deep} .ivu-tabs-bar {
  flex: 0 0 auto;
}

// 底部工具栏
.footBanner {
  width: 100%;
  height: 52px;
  padding: 10px 0 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  background-color: white;
  flex: 0 0 auto;
  overflow: hidden;
}

// 隐藏侧边抽屉
@{deep} .ivu-drawer {
  width: 650px !important;
  overflow: hidden;
}

// 问题详情部分
.problemPannel {
  padding: 10px;
  overflow: auto;
  height: 100%;
  background-color: white;
}
.description {
  font-size: 16px;
  margin: 10px;
}
.sampleIO {
  background-color: #f7f7f7;
  margin-left: 10px;
}
.sampleIOLabel {
  margin-left: 10px;
}
.times {
  float: right;
  margin-right: 20px;

  span {
    font-family: Helvetica Neue;
    font-weight: bolder;
  }
}
.hintList {
  margin: 10px 0 3px 20px;
  line-height: 30px;
}
